<script lang="ts" setup>
import { FuncFormPage } from "../interface/func-view-form";

const props = defineProps<{
  data: FuncFormPage
}>()
</script>

<template>
  <div class="form-page">
    <template v-for="(item, i) in props.data.getPSDEFormDetails" :key="i">
      <template v-if="item.detailType === 'GROUPPANEL'">
        <FormGroupPanel :data="item" :pData='props.data' />
      </template>
      <template v-else-if="item.detailType === 'FORMITEM'">
        <FormItem :data="item" :pData='props.data' />
      </template>
    </template>
  </div>
</template>

<style scoped>
</style>